

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<title>Inicio - bxip</title>
<link rel="stylesheet" type="text/css" href="style/index.css" />
<script type="text/javascript" src="js/indexValidation.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
function pasarAContent(){
location.href="FrontController?res=content.jsp";
}
</script>


</head>


<body>






<div id="content">




<div id=sup><img src="images/logo.png" />


</div>
<div id="der">

<form action="FrontController?res=content.jsp" method="post"
	name="loginform" id="loginform">



<fieldset><label for="username">Login:</label> <input
	type="text" id="user" name="user" /></fieldset>

<fieldset><label for="password">Password:</label> <input
	type="password" id="pass" name="pass" /> <input type="submit"
	value="ENTRAR" /></fieldset>

</form>
</div>

<button id="botonShow">Aun sin registrar</button>
<button id="botonHide" type="button" onclick="pasarAContent()">Paso de registrarme!</button>
<div id="izq">

<form action="FrontController?res=content.jsp" method="post"
	name="registerform" id="basicform" style="display: none; border:0em;">

<a href="FrontController?res=registro.jsp"><img src="images/registrate1.png" style="opacity: 0.4; border:0px;filter:alpha(opacity=40)"
OnMouseOver="this.style.opacity=1;this.filter.alpha(opacity=100)"
OnMouseOut="this.style.opacity=0.4;this.filter.alpha(opacity=40)"/>

</a>

</form>

<script>
	$("#botonShow").click(function() {
		$("form#basicform").show("slow");
		$("#botonHide").show("slow");
	});
	$("#botonHide").click(function() {
		$("form#basicform").hide(1000);
	});
</script></div>

</div>
</html>